﻿@model IEnumerable<QuanLyGiaoVuUI.Models.ChiTietThongBao.ChiTietThongBaoViewModel>
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutSinhVienClient2.cshtml";
}

<style>
    table {
        border-collapse: collapse;
        width: 100%;
    }
</style>
<h2>Hộp thư thông báo!</h2>
@if (Model != null)
{
    if (Model != null && Model.Count() > 0)
            {
<table class="data display datatable">
    <tr>
        <th class="sorting"><input type="checkbox" id="checkall" />#</th>
        <th class="sorting">Thông báo</th>
        <th class="sorting">Ngày Gửi</th>
        @*<th class="sorting">Xóa</th>*@
    </tr>
    @{var count=1;}
    @foreach (var chitiet in Model)
    {
        <tr class="gradeA @(++count % 2 == 0 ? "even" : "odd")">
            <td class="odd gradeX"><input type="checkbox" class="checkbox" value="@chitiet.MaChiTietThongBao" /></td>
        @if (chitiet.DaXem == 0)
        {
            <td style="font-weight: bold;"><a href="/ThongBao/ChiTiet/@chitiet.MaThongBao?mct=@chitiet.MaChiTietThongBao">@chitiet.ThongBao.TieuDeThongBao</a></td>
        }
        else
        {
            <td class="odd gradeX"><a href="/ThongBao/ChiTiet/@chitiet.MaThongBao?mct=@chitiet.MaChiTietThongBao">@chitiet.ThongBao.TieuDeThongBao</a></td>
        }    
            <td class="odd gradeX">@chitiet.ThongBao.NgayGuiThongBao</td>            
            @*<td class="odd gradeX"><a class="deteleThongBao" rel="@chitiet.MaThongBao" href="#">[X]</a></td>*@
        </tr>
    }
    </table>
    <div><input type="button" id="deleteAll" value="Xoá" /></div>
    }
    else
    {
        <div style="margin: 20px; font-size: 20px; color: gray; font-style: italic;">
                    Hòm thông báo rỗng!
        </div>
    }
}
<script>
    $(document).ready(function () {
        $('.deleteThongBao').click(function () {
            var r = confirm("Bạn muốn xóa thông báo này?");
            if (r == true) {
                var mathongbao = $(this).attr("rel");
                $.post("/ThongBao/DeleteThongBao", { id: mathongbao }, function (data) {
                    if (data.success == true) {
                        $('#' + mathongbao).remove();
                    }
                });
            }            
        });
        $('#checkall').change(function () {
            var value = $(this).attr('checked');
            if (value == true) {
                $(".checkbox").each(function () {
                    $(this).attr("checked", "checked");
                });
            }
            else {
                $(".checkbox").each(function () {
                    $(this).attr("checked", "");
                });
            }
        });
        $('#deleteAll').click(function () {
            var r = confirm("Bạn muốn xóa những thông báo này?");
            if (r == true) {
                var listID = "";
                $(".checkbox").each(function () {
                    var status = $(this).attr("checked");
                    if (status == true) {
                        listID += $(this).attr("value") + ",";
                    }
                });
                $.post("/ThongBao/DeleteThongBaoSinhVien", { listID: listID }, function (data) {
                    window.location = "/ThongBao/Index";
                });
                //alert(listID);
            }
        });
    });
</script>